﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmLogin.aspx.cs" Inherits="BVVD_Website.frmLogin" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Đăng nhập</title>

    <!--STYLESHEETS-->
    <link href="/resources/css/loginstyle.css" rel="stylesheet" type="text/css" />

    <!--SCRIPTS-->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <!--Slider-in icons-->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".username").focus(function () {
                $(".user-icon").css("left", "-48px");
            });
            $(".username").blur(function () {
                $(".user-icon").css("left", "0px");
            });

            $(".password").focus(function () {
                $(".pass-icon").css("left", "-48px");
            });
            $(".password").blur(function () {
                $(".pass-icon").css("left", "0px");
            });
        });
    </script>
</head>
<body>

    <!--WRAPPER-->
    <div id="wrapper">

        <!--SLIDE-IN ICONS-->
        <div class="user-icon"></div>
        <div class="pass-icon"></div>
        <!--END SLIDE-IN ICONS-->

        <!--LOGIN FORM-->
        <form id="form1" name="login-form" class="login-form" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
            <!--HEADER-->
            <div class="header">
                <!--TITLE-->
                <h1>Đăng nhập</h1>
                <!--END TITLE-->
                <!--DESCRIPTION-->
                <span>Bệnh viện VIỆT ĐỨC</span><!--END DESCRIPTION-->
            </div>
            <!--END HEADER-->

            <!--CONTENT-->
            <div class="content">
                <!--USERNAME-->
                <input name="username" type="text" runat="server" id="txtUsername" class="input username" value="Username" onfocus="this.value=''" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="Dynamic" runat="server" ControlToValidate="txtUsername" ErrorMessage='<font style="color:red;font-size:small">Thông tin tài khoản chưa được nhập</font>'> </asp:RequiredFieldValidator>
                <!--END USERNAME-->
                <!--PASSWORD-->
                <input name="password" type="password" runat="server" id="txtPassword" class="input password" value="Password" onfocus="this.value=''" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" Display="Dynamic" runat="server" ControlToValidate="txtPassword" ErrorMessage='<font style="color:red;font-size:small">Bạn chưa nhập password</font>'> </asp:RequiredFieldValidator>
                <!--END PASSWORD-->
            </div>
            <!--END CONTENT-->

            <!--FOOTER-->
            <div class="footer">
                <!--LOGIN BUTTON-->
                <telerik:RadButton type="submit" ID="btnLogin" runat="server" name="submit" ButtonType="SkinnedButton" Text="Đăng nhập" CssClass="button" OnClick="btnLogin_Click" />
                <!--END LOGIN BUTTON-->
                <!--REGISTER BUTTON-->
                <%--<input type="submit" id="btnRegister" runat="server" name="submit" value="" class="register" />--%><!--END REGISTER BUTTON-->
            </div>
            <!--END FOOTER-->
            <telerik:RadNotification ID="rnAlert" runat="server" Position="TopRight" EnableRoundedCorners="true"
                EnableShadow="false" Skin="Metro"  Overlay="false" Pinned="true"  Animation="Fade" AnimationDuration="2000" Title="Thông báo">
            </telerik:RadNotification>
        </form>
    </div>
    <!--END WRAPPER-->

    <!--GRADIENT-->
    <div class="gradient"></div>
    <!--END GRADIENT-->
</body>
</html>
